

/*# sourceMappingURL=click.css.map */
@charset "utf-8";
body{
				width: 100vw;
				height: 100vh;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
			.box {
				position: relative;
				width: 100%;
				height: 100%;
				background-color: black;
				
			}
			.box .timeBox{
				padding: 0;
				margin: 0;
				color: white;
				height: 5%;
				text-align: center;
			}
			.box .circle{
				height: 95%;
				padding: 0;
				margin: 0;
				position: absolute;
				
			}
			.transition{
				width: 100%;
				height: 100%;
				background-color: white;	
				/* transform: translateX(100%); */
				display: none;
				position: fixed;
				z-index: 3;
				transition: all 1s;
			}
			.transition p{
				text-align: center;
				font-size: 20px;
				
			}
			.transitionAct{
				transform:translateX(0);
				/* transform:translateX(-100%); */
			}
			.index{
				background-color: white;
				margin: 0 0;
				text-align: center;
				width: 100%;
				height: 100%;
				padding: 0 20px;
				padding-top: 60px;
				box-sizing: border-box;
				position: fixed;
				z-index: 2;
				transition: all 1s;
			}
			.index p:nth-of-type(1){
				
				font-size: 85px;
				font-weight: 900;
				margin: 0  0;
			}
			.index p:nth-of-type(2){
				font-size: 85px;
				font-weight: 900;
				margin: 0  0;
			}
			.index p:nth-of-type(3){
				text-align: left;
				padding-left: 10px;
				font-size: 30px;
				font-weight: bold;
				color: gray;
				margin: 0 0;
				margin-top: 30px;
			}
			.index p:nth-of-type(4){
				/* padding-left: 20px; */
				/* font-size: 30px; */
				font-weight: bold;
				color: gray;
				margin: 0 0;
			}
			.text{
				font-weight: bolder;
				border-bottom: 2px solid black;
				margin: 0 20px;
				padding-bottom: 8px;
			}
			.btn{
				width: 222px;
				height: 58px;
				font-size: 50px;
				font-weight: bolder;
				color: white;
				background-color: black;
				border: none;
				margin-top: 30px;
			}
			